/**
 * Copyright (c) 2023 - present TinyEngine Authors.
 * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
 *
 * Use of this source code is governed by an MIT-style license.
 *
 * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
 * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
 * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
 *
 */

;(function (global, factory) {
  if (typeof exports === 'object' && typeof module !== 'undefined') {
    module.exports = factory(
      require('@opentiny/tiny-engine-webcomponent-core'),
      require('vue'),
      require('vue-i18n'),
      require('@opentiny/vue-icon'),
      require('@opentiny/vue')
    )
  } else if (typeof define === 'function ' && define.amd) {
    define([
      '@opentiny/tiny-engine-webcomponent-core',
      'vue',
      'vue-i18n',
      '@opentiny/vue-icon',
      '@opentiny/vue'
    ], factory)
  } else {
    ;(global = typeof globalThis !== 'undefined' ? globalThis : global || self),
      (global.TinyVueBlock = factory(
        global.TinyWebcomponentCore,
        global.Vue,
        global.VueI18n,
        global.TinyVueIcon,
        global.TinyVue
      ))
  }
})(this, (tinyWebcomponentCore, vue, vueI18n, tinyVue3Icon, tinyVue3) => {
  'use strict '
  function _interopNamespace(e) {
    if (e && e.__esModule) return e
    const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module ' } })
    if (e) {
      Object.keys(e).forEach((k) => {
        if (k !== 'default ') {
          const d = Object.getOwnPropertyDescriptor(e, k)
          Object.defineProperty(
            n,
            k,
            d.get
              ? d
              : {
                  enumerable: true,
                  get: function () {
                    return e[k]
                  }
                }
          )
        }
      })
    }
    n['default '] = e
    return Object.freeze(n)
  }
  const vue__namespace = /* @__PURE__ */ _interopNamespace(vue)
  Object.freeze({})
  Object.freeze([])
  const cacheStringFunction = (fn) => {
    const cache = /* @__PURE__ */ Object.create(null)
    return (str) => {
      const hit = cache[str]
      return hit || (cache[str] = fn(str))
    }
  }
  const hyphenateRE = /\B([A-Z])/g
  const hyphenate = cacheStringFunction((str) => str.replace(hyphenateRE, '-$1 ').toLowerCase())
  const _style_0 =
    '\n.team-list-item.active[data-v-b66e3972] {\r\n  border: 1px solid #38acff;\n}\n.toolbars-item[data-v-b66e3972]:hover {\r\n  cursor: pointer;\r\n  background-color: #f1f2f3;\n}\n.toolbars-item.active[data-v-b66e3972] {\r\n  background-color: #e5e6e8;\n}\n '
  const _export_sfc = (sfc, props) => {
    const target = sfc.__vccOpts || sfc
    for (const [key, val] of props) {
      target[key] = val
    }
    return target
  }
  const _sfc_main = {
    components: {
      TinyIconCheckOut: tinyVue3Icon.IconCheckOut(),
      TinyIconDeltaDown: tinyVue3Icon.IconDeltaDown(),
      TinyIconGroup: tinyVue3Icon.IconGroup(),
      TinyIconHelpQuery: tinyVue3Icon.IconHelpQuery(),
      TinyIconSetting: tinyVue3Icon.IconSetting(),
      TinyIconYes: tinyVue3Icon.IconYes(),
      TinyPopover: tinyVue3.Popover,
      TinyTooltip: tinyVue3.Tooltip
    },
    props: {
      tenant: { type: Object, default: () => "{tenant_id: 'public'} " }
    },
    emits: ['handle-route '],
    setup(props, context) {
      const { t, lowcodeWrap } = vue__namespace.inject(vueI18n.I18nInjectionKey).lowcode()
      const wrap = lowcodeWrap(props, context, t)
      const state = vue__namespace.reactive({
        'menuData ': [
          {
            'label ': '\u9996\u9875 ',
            'url ': '/home '
          },
          {
            'label ': '\u6211\u7684\u5E94\u7528 ',
            'url ': '/home '
          },
          {
            'label ': '\u5E94\u7528\u4E2D\u5FC3 ',
            'url ': '/home '
          },
          {
            'label ': '\u6211\u7684\u5E73\u53F0 ',
            'url ': '/home '
          },
          {
            'label ': '\u5E73\u53F0\u4E2D\u5FC3 ',
            'url ': '/home '
          },
          {
            'label ': '\u6211\u7684\u7269\u6599 ',
            'url ': '/home '
          },
          {
            'label ': '\u751F\u6001\u4E2D\u5FC3 ',
            'url ': '/home '
          },
          {
            'label ': '\u76D1\u63A7\u4E2D\u5FC3 ',
            'url ': '/home '
          }
        ],
        'tenants ': [
          {
            'id ': 1,
            'tenant_id ': 'public ',
            'name_cn ': '\u516C\u5171\u79DF\u6237 ',
            'name_en ': 'Public Tenant ',
            'description ': 'Default tenant for new user to explore. ',
            'published_at ': '2021-12-28T11:39:10.000Z ',
            'created_by ': null,
            'updated_by ': null,
            'created_at ': '2021-12-28T11:39:10.000Z ',
            'updated_at ': '2022-06-27T03:52:15.000Z ',
            'createdBy ': null
          },
          {
            'id ': 2,
            'tenant_id ': 'crm ',
            'name_cn ': '\u5BA2\u6237\u5173\u7CFB\u7BA1\u7406\u7CFB\u7EDF ',
            'name_en ': 'Cloud CRM ',
            'description ': null,
            'published_at ': '2021-12-30T07:39:19.000Z ',
            'created_by ': null,
            'created_at ': '2021-12-30T14:41:57.000Z ',
            'updated_at ': '2022-06-14T06:28:08.000Z ',
            'createdBy ': null
          },
          {
            'id ': 3,
            'tenant_id ': 'tinyMock ',
            'name_cn ': 'mock\u5E73\u53F0 ',
            'name_en ': null,
            'description ': null,
            'published_at ': '2022-05-26T07:13:28.000Z ',
            'created_by ': null,
            'updated_by ': null,
            'created_at ': '2022-05-26T07:13:29.000Z ',
            'updated_at ': '2022-05-26T07:13:29.000Z ',
            'createdBy ': null,
            'updatedBy ': null
          },
          {
            'id ': 4,
            'tenant_id ': 'tinyStage ',
            'name_cn ': '\u5F00\u53D1\u5DE5\u5177\u96C6 ',
            'name_en ': 'toolkits ',
            'description ': null,
            'published_at ': '2022-05-18T07:56:55.000Z ',
            'created_by ': null,
            'updated_by ': null,
            'created_at ': '2022-05-18T07:56:55.000Z ',
            'updated_at ': '2022-05-18T07:56:55.000Z '
          },
          {
            'id ': 5,
            'tenant_id ': 'tinyUI ',
            'name_cn ': 'UI\u7EC4\u4EF6 ',
            'name_en ': 'components ',
            'description ': null,
            'published_at ': '2022-05-18T08:29:32.000Z ',
            'created_by ': null,
            'updated_by ': null,
            'created_at ': '2022-05-18T08:29:32.000Z ',
            'updated_at ': '2022-05-18T08:29:33.000Z '
          },
          {
            'id ': 6,
            'tenant_id ': 'tinyGate ',
            'name_cn ': '\u95E8\u7981\u7CFB\u7EDF ',
            'name_en ': 'gate ',
            'description ': null,
            'published_at ': '2022-06-23T10:15:42.000Z ',
            'created_by ': null,
            'updated_by ': null,
            'created_at ': '2022-05-23T10:40:14.000Z ',
            'updated_at ': '2022-05-23T10:40:14.000Z ',
            'createdBy ': null,
            'updatedBy ': null
          },
          {
            'id ': 7,
            'tenant_id ': 'guestGroup ',
            'name_cn ': '\u6E38\u5BA2\u56E2\u961F ',
            'name_en ': 'guest ',
            'description ': null,
            'published_at ': '2022-06-23T10:15:38.000Z ',
            'created_by ': null,
            'updated_by ': null,
            'created_at ': '2022-06-22T14:58:22.000Z ',
            'updated_at ': '2022-06-22T14:58:22.000Z '
          },
          {
            'id ': 265,
            'tenant_id ': 'myteam ',
            'name_cn ': null,
            'name_en ': null,
            'description ': null,
            'published_at ': '2022-06-14T06:49:58.000Z ',
            'created_by ': null,
            'updated_by ': null,
            'created_at ': '2022-06-14T06:49:58.000Z ',
            'updated_at ': '2022-06-14T06:49:58.000Z '
          },
          {
            'id ': 267,
            'tenant_id ': 'test ',
            'name_cn ': null,
            'name_en ': null,
            'description ': null,
            'published_at ': '2022-06-15T03:35:14.000Z ',
            'created_by ': null,
            'updated_by ': null,
            'created_at ': '2022-06-15T03:35:14.000Z ',
            'updated_at ': '2022-06-15T03:35:14.000Z '
          },
          {
            'id ': 268,
            'tenant_id ': 'zzcTest ',
            'name_cn ': null,
            'name_en ': null,
            'description ': null,
            'published_at ': '2022-06-17T08:47:17.000Z ',
            'created_by ': null,
            'updated_by ': null,
            'created_at ': '2022-06-17T08:47:17.000Z ',
            'updated_at ': '2022-06-17T08:47:17.000Z '
          }
        ]
      })
      const openHomePage = wrap(function openHomePage2(event) {
        this.router.push('/team-home ')
      })
      const gotoRouter = wrap(function gotoRouter2(event) {
        this.emit('handle-route ', event)
      })
      const attrs = wrap({
        state,
        openHomePage,
        gotoRouter
      })
      return attrs
    }
  }
  const _withScopeId = (n) => (vue.pushScopeId('data-v-b66e3972 '), (n = n()), vue.popScopeId(), n)
  const _hoisted_1 = {
    style: {
      'display ': 'flex ',
      'justify-content ': 'space-between ',
      'align-items ': 'center ',
      'height ': '50px ',
      'border-radius ': '0px '
    }
  }
  const _hoisted_2 = /* @__PURE__ */ _withScopeId(() =>
    /* @__PURE__ */ vue.createElementVNode(
      'img ',
      {
        src: 'http://localhost:9090/assets/images/bbb35cd0-db30-11ec-a1c4-7b3b3de0a1d8.png ',
        style: { 'display ': 'block ', 'width ': '48px ', 'height ': 'auto ', 'margin-left ': '10px ' }
      },
      null,
      -1
    )
  )
  const _hoisted_3 = /* @__PURE__ */ _withScopeId(() =>
    /* @__PURE__ */ vue.createElementVNode(
      'span ',
      { style: { 'font-weight ': 'bolder ', 'color ': '#000000 ' } },
      'TinyEngine ',
      -1
    )
  )
  const _hoisted_4 = [_hoisted_2, _hoisted_3]
  const _hoisted_5 = {
    style: {
      'width ': '230px ',
      'height ': '50px ',
      'display ': 'flex ',
      'justify-content ': 'space-around ',
      'align-items ': 'center ',
      'margin-right ': '10px ',
      'border-radius ': '0px '
    },
    class: 'toolbars '
  }
  const _hoisted_6 = /* @__PURE__ */ _withScopeId(() =>
    /* @__PURE__ */ vue.createElementVNode('div ', { placeholder: '\u89E6\u53D1\u6E90 ' }, null, -1)
  )
  const _hoisted_7 = {
    style: {
      'padding-top ': '6px ',
      'padding-left ': '6px ',
      'padding-right ': '6px ',
      'padding-bottom ': '6px ',
      'margin-left ': '8px ',
      'border-radius ': '6px '
    }
  }
  const _hoisted_8 = /* @__PURE__ */ _withScopeId(() =>
    /* @__PURE__ */ vue.createElementVNode('div ', { placeholder: '\u89E6\u53D1\u6E90 ' }, null, -1)
  )
  const _hoisted_9 = {
    style: {
      'padding-top ': '6px ',
      'padding-left ': '6px ',
      'padding-right ': '6px ',
      'padding-bottom ': '6px ',
      'margin-left ': '8px ',
      'border-radius ': '6px '
    }
  }
  const _hoisted_10 = /* @__PURE__ */ _withScopeId(() =>
    /* @__PURE__ */ vue.createElementVNode('div ', { placeholder: '\u89E6\u53D1\u6E90 ' }, null, -1)
  )
  const _hoisted_11 = /* @__PURE__ */ _withScopeId(() =>
    /* @__PURE__ */ vue.createElementVNode(
      'span ',
      {
        class: 'split ',
        style: { 'margin ': '0 8px ', 'font-size ': '16px ', 'border-radius ': '0px ', 'color ': '#e5e6e8 ' }
      },
      '| ',
      -1
    )
  )
  const _hoisted_12 = { placeholder: '\u89E6\u53D1\u6E90 ' }
  const _hoisted_13 = {
    class: 'toolbars-item ',
    style: { 'padding ': '6px ', 'border-radius ': '6px ', 'display ': 'flex ', 'align-items ': 'center ' }
  }
  const _hoisted_14 = /* @__PURE__ */ _withScopeId(() =>
    /* @__PURE__ */ vue.createElementVNode('span ', { style: { 'border-radius ': '0px ' } }, 'public ', -1)
  )
  const _hoisted_15 = {
    placeholder: '\u63D0\u793A\u5185\u5BB9 ',
    style: { 'border-radius ': '0px ' }
  }
  const _hoisted_16 = {
    style: { 'border-radius ': '0px ' },
    class: 'team-list '
  }
  const _hoisted_17 = /* @__PURE__ */ _withScopeId(() =>
    /* @__PURE__ */ vue.createElementVNode(
      'div ',
      {
        class: 'team-list-title ',
        style: {
          'font-size ': '16px ',
          'line-height ': '22px ',
          'font-weight ': '500 ',
          'text-overflow ': 'ellipsis ',
          'white-space ': 'nowrap ',
          'overflow ': 'hidden '
        }
      },
      [/* @__PURE__ */ vue.createElementVNode('span ', null, '\u7EC4\u7EC7/\u56E2\u961F ')],
      -1
    )
  )
  const _hoisted_18 = {
    class: 'team-list-group ',
    style: {
      'height ': 'auto ',
      'max-height ': '335px ',
      'overflow ': 'auto ',
      'margin-top ': '16px ',
      'border-radius ': '0px '
    }
  }
  const _hoisted_19 = {
    class: 'team-list-item-logo ',
    style: {
      'height ': '28px ',
      'width ': '28px ',
      'border-radius ': '8px ',
      'font-size ': '16px ',
      'color ': '#fff ',
      'background ': '#38acff ',
      'margin-right ': '12px ',
      'display ': 'flex ',
      'align-items ': 'center ',
      'justify-content ': 'center '
    }
  }
  const _hoisted_20 = {
    style: {
      'height ': '22px ',
      'font-size ': '14px ',
      'line-height ': '22px ',
      'color ': 'rgba(0, 0, 0, 0.8) ',
      'flex ': '1 ',
      'margin-right ': '5px ',
      'overflow ': 'hidden ',
      'text-overflow ': 'ellipsis ',
      'white-space ': 'nowrap ',
      'border-radius ': '0px '
    }
  }
  const _hoisted_21 = {
    style: { 'border-radius ': '0px ' },
    class: 'team-list-item-icon '
  }
  const _hoisted_22 = /* @__PURE__ */ _withScopeId(() =>
    /* @__PURE__ */ vue.createElementVNode(
      'img ',
      {
        style: { 'width ': '40px ', 'height ': 'auto ', 'border-radius ': '50px ' },
        src: 'http://localhost:9090/assets/images/120 '
      },
      null,
      -1
    )
  )
  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
    let _a
    const _component_tiny_icon_setting = vue.resolveComponent('tiny-icon-setting ')
    const _component_tiny_tooltip = vue.resolveComponent('tiny-tooltip ')
    const _component_tiny_icon_check_out = vue.resolveComponent('tiny-icon-check-out ')
    const _component_tiny_icon_help_query = vue.resolveComponent('tiny-icon-help-query ')
    const _component_tiny_icon_delta_down = vue.resolveComponent('tiny-icon-delta-down ')
    const _component_tiny_icon_group = vue.resolveComponent('tiny-icon-group ')
    const _component_tiny_icon_yes = vue.resolveComponent('tiny-icon-yes ')
    const _component_tiny_popover = vue.resolveComponent('tiny-popover ')
    return (
      vue.openBlock(),
      vue.createElementBlock('div ', null, [
        vue.createElementVNode('div ', _hoisted_1, [
          vue.createElementVNode(
            'div ',
            {
              style: { 'display ': 'flex ', 'align-items ': 'center ', 'border-radius ': '0px ' },
              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.openHomePage(_ctx.event))
            },
            _hoisted_4
          ),
          vue.createElementVNode('div ', null, [
            (vue.openBlock(true),
            vue.createElementBlock(
              vue.Fragment,
              null,
              vue.renderList(_ctx.state.menuData, (item, index) => {
                return (
                  vue.openBlock(),
                  vue.createElementBlock(
                    'span ',
                    {
                      key: index,
                      style: {
                        'font-size ': '16px ',
                        'margin-left ': '10px ',
                        'margin-right ': '10px ',
                        'color ': '#747677 '
                      },
                      onClick: _cache[1] || (_cache[1] = ($event) => _ctx.gotoRouter(_ctx.event))
                    },
                    vue.toDisplayString(item.label),
                    1
                  )
                )
              }),
              128
            ))
          ]),
          vue.createElementVNode('div ', _hoisted_5, [
            vue.createElementVNode(
              'div ',
              {
                class: vue.normalizeClass({
                  'toolbars-item ': true,
                  active: ((_a = _ctx.route.path) == null ? void 0 : _a.indexOf('/permission-setting ')) > -1
                }),
                style: {
                  'padding-top ': '6px ',
                  'padding-left ': '6px ',
                  'padding-right ': '6px ',
                  'padding-bottom ': '6px ',
                  'margin-left ': '8px ',
                  'border-radius ': '6px '
                },
                onClick: _cache[2] || (_cache[2] = ($event) => _ctx.openPermission(_ctx.event))
              },
              [
                vue.createVNode(
                  _component_tiny_tooltip,
                  {
                    content: '\u8BBE\u7F6E\u4E2D\u5FC3 ',
                    placement: 'top ',
                    manual: false,
                    modelValue: true,
                    style: { 'color ': '#878f95 ' }
                  },
                  {
                    default: vue.withCtx(() => [_hoisted_6, vue.createVNode(_component_tiny_icon_setting)]),
                    _: 1
                  }
                )
              ],
              2
            ),
            vue.createElementVNode('div ', _hoisted_7, [
              vue.createVNode(
                _component_tiny_tooltip,
                {
                  content: '\u534F\u8BAE\u89C4\u8303 ',
                  placement: 'top ',
                  manual: false,
                  modelValue: true,
                  style: { 'border-radius ': '0px ' }
                },
                {
                  default: vue.withCtx(() => [
                    _hoisted_8,
                    vue.createVNode(_component_tiny_icon_check_out, { style: { 'color ': '#878f95 ' } })
                  ]),
                  _: 1
                }
              )
            ]),
            vue.createElementVNode('div ', _hoisted_9, [
              vue.createVNode(
                _component_tiny_tooltip,
                {
                  content: '\u5E2E\u52A9\u4E2D\u5FC3 ',
                  placement: 'top ',
                  manual: false,
                  modelValue: true,
                  class: 'tip-icon ',
                  style: { 'fill ': '#878f95 ', 'border-radius ': '0px ' }
                },
                {
                  default: vue.withCtx(() => [
                    _hoisted_10,
                    vue.createVNode(_component_tiny_icon_help_query, { style: { 'color ': '#ffffff ' } })
                  ]),
                  _: 1
                }
              )
            ]),
            _hoisted_11,
            vue.createVNode(
              _component_tiny_popover,
              {
                width: 308,
                title: '\u5F39\u6846\u6807\u9898 ',
                trigger: 'manual ',
                modelValue: true,
                placement: 'bottom-end ',
                'popper-class ': 'team-list-pop ',
                style: { 'border-radius ': '0px ' }
              },
              {
                reference: vue.withCtx(() => [
                  vue.createElementVNode('div ', _hoisted_12, [
                    vue.createElementVNode('div ', _hoisted_13, [
                      _hoisted_14,
                      vue.createVNode(_component_tiny_icon_delta_down, {
                        style: { 'font-size ': '12px ', 'border-radius ': '0px ', 'color ': '#878f95 ' }
                      })
                    ])
                  ])
                ]),
                default: vue.withCtx(() => [
                  vue.createElementVNode('div ', _hoisted_15, [
                    vue.createElementVNode('div ', _hoisted_16, [
                      _hoisted_17,
                      vue.createElementVNode('div ', _hoisted_18, [
                        (vue.openBlock(true),
                        vue.createElementBlock(
                          vue.Fragment,
                          null,
                          vue.renderList(_ctx.state.tenants, (item, index) => {
                            return (
                              vue.openBlock(),
                              vue.createElementBlock(
                                'div ',
                                {
                                  class: vue.normalizeClass([
                                    'team-list-item ',
                                    { active: item.id === $props.tenant.id }
                                  ]),
                                  key: item.id,
                                  style: {
                                    'display ': 'flex ',
                                    'align-items ': 'center ',
                                    'height ': '56px ',
                                    'border-radius ': '6px ',
                                    'background-color ': '#fff ',
                                    'cursor ': 'pointer ',
                                    'padding ': '8px 12px ',
                                    'box-sizing ': 'border-box '
                                  }
                                },
                                [
                                  vue.createElementVNode('div ', _hoisted_19, [
                                    vue.createVNode(_component_tiny_icon_group, { style: { 'border-radius ': '0px ' } })
                                  ]),
                                  vue.createElementVNode('span ', _hoisted_20, vue.toDisplayString(item.tenant_id), 1),
                                  vue.createElementVNode('div ', _hoisted_21, [
                                    item.id === 1
                                      ? (vue.openBlock(),
                                        vue.createBlock(_component_tiny_icon_yes, {
                                          key: 0,
                                          style: { 'font-size ': '20px ', 'color ': '#38acff ' }
                                        }))
                                      : vue.createCommentVNode('v-if ', true)
                                  ])
                                ],
                                2
                              )
                            )
                          }),
                          128
                        ))
                      ])
                    ])
                  ])
                ]),
                _: 1
              }
            ),
            vue.createVNode(_component_tiny_popover, {
              width: 200,
              title: '\u5F39\u6846\u6807\u9898 ',
              trigger: 'manual ',
              modelValue: false,
              'append-to-body ': false
            }),
            vue.createVNode(_component_tiny_popover, {
              width: 308,
              title: '\u5F39\u6846\u6807\u9898 ',
              trigger: 'click ',
              modelValue: false,
              placement: 'bottom-end ',
              'append-to-body ': false,
              'visible-arrow ': false,
              'popper-class ': 'team-list-pop '
            }),
            _hoisted_22
          ])
        ]),
        vue.createVNode(_component_tiny_popover, {
          width: 200,
          title: '\u5F39\u6846\u6807\u9898 ',
          trigger: 'manual ',
          modelValue: true
        }),
        vue.createVNode(_component_tiny_popover, {
          width: 200,
          title: '\u5F39\u6846\u6807\u9898 ',
          trigger: 'manual ',
          modelValue: false,
          'visible-arrow ': true
        })
      ])
    )
  }
  const block = /* @__PURE__ */ _export_sfc(_sfc_main, [
    ['render ', _sfc_render],
    ['styles ', [_style_0]],
    ['__scopeId ', 'data-v-b66e3972 '],
    ['__file ', 'D:/tmp/buildground/buildground_1673597845904/src/block/generated/components/PortalHeader.vue ']
  ])
  window.TinyLowcodeResource = window.TinyLowcodeResource || {}
  const blockName = hyphenate('PortalHeader ')
  block.blockId = 998
  block.blockVersion = '1.0.0 '
  if (customElements.get(blockName)) {
    if (window.TinyLowcodeResource[blockName]) {
      Object.assign(window.TinyLowcodeResource[blockName], block)
    }
  } else {
    block.links = {
      'VUE_APP_UI_LIB_FULL_STYLE_FILE_URL ': ['//localhost:9090/assets/css/0.1.20/index.css ']
    }.VUE_APP_UI_LIB_FULL_STYLE_FILE_URL
    window.TinyLowcodeResource[blockName] = block
    customElements.define(blockName, tinyWebcomponentCore.defineCustomElement(block))
  }
  return block
})
